<!DOCTYPE HTML>
<html>
  <head>
    <title>TinyCrayon</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="apple-touch-icon" sizes="180x180" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/favicons/manifest.json">
    <link rel="mask-icon" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/favicons/safari-pinned-tab.svg" color="#5bbad5">

    <meta name="theme-color" content="#ffffff"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    
    <link rel="stylesheet" type="text/css" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/css/index.css">
    <link rel="stylesheet" type="text/css" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/css/iconfont.css">
    
    
  </head>

  <body >
    <div class="logo text-center"><a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/">TinyCrayon</a></div>
    <header class="text-center">
      <nav class="navbar navbar-fixed-top">
        <ul class="nav">
          <li class="active"><a id="link-index" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/">Home</a></li>
          <li ><a id="link-guides" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/guides-iOS/get-started.html">Guides</a></li>
          <li ><a id="link-docs" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/docs-iOS/index.html">Docs</a></li>
	  <li ><a id="link-faq" href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/FAQ-iOS.html">FAQ</a></li>
        </ul>
      </nav>
    </header>
    
<div class="banner">
  <div class="banner-content">
    <div class="title">
      <p>Smart image cutout tools</p>
      <p>For mobile apps</p>
    </div>
    <div class="line"></div>
    <div class="text">
      <p>Integrate the TinyCrayon SDK into your own mobile apps</p>
      <p>- in minutes!</p>
    </div>
    <button id="btn-more" type="button" class="btn">More&nbsp;&nbsp;&gt;</button>
  </div>
</div>
<div id="features" class="features">
  <div class="features-content clearfix">
    <div class="col-sm-4 feature1">
      <div class="circle">
	<i class="icon iconfont icon-tubiao06"></i>
      </div>
      <p class="title">Smart tools</p>
      <p class="paragraph">Easy-to-use image masking tools powered by intelligent algorithms</p>
    </div>
    <div class="col-sm-4 feature2">
      <div class="circle">
	<i class="icon iconfont icon-iconfontxuqiudingzhi"></i>
      </div>
      <p class="title">Highly customizable</p>
      <p class="paragraph">Style the UI, view modes and localization as you wish with our <a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/guides-iOS/customization.html">comprehensive API</a></p>
    </div>
    <div class="col-sm-4 feature3">
      <div class="circle">
	<i class="icon iconfont icon-mianfei"></i>
      </div>
      <p class="title">Free of charge</p>
      <p class="paragraph">TinyCrayon SDK is provided under <a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/license.html">the MIT license</a>, which permits your commercial use for free</p>
    </div>
  </div>
</div>
<div class="tool qstool">
  <div class="content clearfix">
    <div class="col-sm-4 text-center">
      <div class="demo">
	<img src="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/img/iPhone6_gray.png" class="iphone" alt="Responsive image"></img>
	<img src="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/img/QuickSelect_xs.gif" class="gif" alt="Responsive image">
      </div>
    </div>
    <div class="col-sm-8">
      <div class="text">
	<p class="title">Quick Select Tool</p>
	<div class="line"></div>
	<ul>
	  <li>Select part of the object and the edge detection algorithm will find the boundary.</li>
	  <li>It's never such easy to cutout an object from an image in mobiles.</li>
	  <li>Smart and easy to use.</li>
	  <li>Smoothed object boundary.</li>
	</ul>
      </div>
    </div>
  </div>
</div>
<div class="tool hbtool">
  <div class="content clearfix inverse-cols-sm">
    <div class="col-sm-4 text-center">
      <div class="demo">
	<img src="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/img/iPhone6_silver.png" class="iphone" alt="Responsive image"></img>
	<img src="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/img/HairBrush_xs.gif" class="gif" alt="Responsive image">
      </div>
    </div>
    <div class="col-sm-8">
      <div class="text">
	<p class="title">Hair Brush Tool</p>
	<div class="line"></div>
	<ul>
	  <li>Paint on the hair/fur of an object and the algorithm will select the hair/fur for you in high quality.</li>
	  <li>Make the mask result smooth and natural looking.</li>
	  <li>Can also be used to refine object boundaries.</li>
	</ul>
      </div>
    </div>
  </div>
</div>

    <footer class="footer">
      <div class="container">
	<div class="footer-links clearfix">
	  <div class="link col-sm-4">
            <a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/contact-support.html">Contact Support</a>
	  </div>
	  <div class="link col-sm-4">
            <a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/privacy-policy.html">Privacy Policy</a>
	  </div>
	  <div class="link col-sm-4">
            <a href="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/terms-of-use.html">Terms of Use</a>
          </div>
	</div>
	<p class="copyright">Copyright © 2017 TinyCrayon. All rights reserved</p>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    
    <script src="https://tinycrayon.github.io/TinyCrayon-iOS-SDK/js/index.js"></script>
    
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-39532290-1', 'auto');
      ga('send', 'pageview');
    </script>
    
    
    
  </body>
</html>